<template>
	<view class="logout">
		<view class="header">

		</view>
		<!-- <button size="mini" type="primary" @click="toIndex">退出</button> -->
	<!-- 	<view v-for="(item,index) in items" :key="index" class="nav">
			<view class="icon-style" v-bind:class="item.icon"></view>
			<view>{{item.name}}</view>
		</view> -->
		<uni-list>
			<uni-list-item v-for="(item,index) in items" :key="index" v-bind:title="item.name" show-arrow="true" thumb="../../static/logo.png">
			</uni-list-item>
		</uni-list>
	</view>
</template>
<script>
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue'
	export default {
		components: {
			uniList,
			uniListItem
		},
		data() {
			return {
				items: [{
						"name": "我的家庭",
						"icon": "iconfont icon-3jiatingdizhi",
						"url": "/pages/myFamily/myFamily"
					},
					{
						"name": "我的房间",
						"icon": "iconfont icon-fangjian",
						"url": "/pages/myRoom/myRoom"
					},
					{
						"name": "邀请成员",
						"icon": "iconfont icon-invite",
						"url": "/pages/invite/invite"
					},
					{
						"name": "意见反馈",
						"icon": "iconfont icon-fankui",
						"url": "/pages/mine/idea/idea"
					},
					{
						"name": "常见问题",
						"icon": "iconfont icon-wenti",
						"url": "/pages/answer/answer"
					},
					{
						"name": "联系客服",
						"icon": "iconfont icon-wode",
						"url": ""
					}
				]
			}
		},
		onLoad() {

		},
		methods: {
			toIndex() {
				uni.navigateTo({
					url: "../index/index"
				})
			}
		}
	}
</script>

<style lang="scss">
	@import '../../static/iconfont.css';

	.logout {
		height: 100%;
		width: 100%;
		background-color: rgba(216, 213, 213, 0.589);
		font-size: 1rem;

		// $uni-bg-color-grey
		// display:flex;
		// flex-direction:column ;
		// align-items: center;
		// justify-content: center;
		.header {
			width: 100%;
			height: 20%;
		}
		.nav {
			// border-style: none none solid none;
			// border-color: rgba(39, 38, 38, 0.589);
			// border-bottom-width: 1px;
			.icon-style {
				font-size: 20px;
				margin: 0 10upx;
			}
		}
	}
</style>
